
<!DOCTYPE HTML>
<head>
<title>联系我们</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css"  media="all" />
</head>
<body>
		<!---start-wrap---->
		<div class="header">
			<div class="wrap">
				<div class="logo">
					<a href="#">杨瑞旭的旅游空间</a>
				</div>
				<div class="top-nav">
					<ul>
						<li><a href="index.html">主页</a></li>
						<li><a href="about.html">关于我们</a></li>
						<li class="active"><a href="contact.html">联系我们</a></li>
					</ul>
				</div>
				<div class="clear"> </div>
			</div>
		</div>

		<!---End-wrap---->
		<div class="clear"> </div>
		<!---start-content---->
		<div class="content">
			<div class="wrap">
			<!---start-contact---->
			<div class="section group">				
				<div class="col span_1_of_3">
					<div class="contact_info">
			    	 	<h3>我们的地点</h3>
			    	 		<div class="map">
					   			成都四川大学
					   		</div>
      				</div>
				</div>				
				<div class="col span_2_of_3">
				  <div class="contact-form">
				  	<h3>联系我们</h3>
					    <form method="post" action="contact-post.html">
					    	<div>
						    	<span><label>姓名</label></span>
						    	<span><input name="userName" type="text" class="textbox"></span>
						    </div>
						    <div>
						    	<span><label>邮箱</label></span>
						    	<span><input name="userEmail" type="text" class="textbox"></span>
						    </div>
						    <div>
						     	<span><label>电话号码</label></span>
						    	<span><input name="userPhone" type="text" class="textbox"></span>
						    </div>
						   <div>
						   		<span><input type="submit" class="mybutton" value="提交"></span>
						  </div>
					    </form>

				    </div>
  				</div>				
			  </div>
			  </div>
			<!---End-contact---->
			<div class="clear"> </div>
		</div>
		<!---End-content---->
		<div class="clear"> </div>

		<div class="footer">
			<div class="wrap">
			<div class="footer-grids">
				<div class="footer-grid">
					<h3>公告</h3>
					<p>我们的旅游是全国最棒的,希望大家喜欢以及提出宝贵的意见</p>
				</div>
				<div class="footer-grid">
					<h3>我们团队</h3>
					<ul>
						<li><a href="index.html">首页</a></li>
					</ul>
					<ul>
						<li><a href="about.html">关于我们</a></li>
					</ul>
				</div>
				<div class="footer-grid">
					<h3>联系方式</h3>
					<ul>
						<li><a href="contact.html">联系我们</a></li>
					</ul>
				</div>
				<div class="footer-grid footer-lastgrid">
					<h3>杨瑞旭的空间</h3>
					<div class="footer-grid-address">
						<p>Tel.111-111-1111</p>
						<p>Email:<a class="email-link" href="#">911692422@qq.com</a></p>
					</div>
				</div>
				<div class="clear"> </div>
			</div>
			</div>
		</div>
		<!---End-footer---->
		<div class="clear"> </div>
		<div class="copy-right">
			<p>杨瑞旭的美丽空间</p>
		</div>
</body>
</html>